<template>
    <div>
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        
        <Floor v-for="(floor,index) in floorList" :key="floor.id" :floor="floor" :index="index"/>
        <Brand/>
    </div>
</template>

<script>

    import ListContainer from "@/pages/Home/ListContainer"
    import Recommend from "@/pages/Home/Recommend"
    import Rank from "@/pages/Home/Rank"
    import Like from "@/pages/Home/Like"
    import Floor from "@/pages/Home/Floor"
    import Brand from "@/pages/Home/Brand"
   import { mapState,mapActions } from "vuex"

    export default {
        name:"Home",
        computed:{
            ...mapState({floorList:state => state.home.floor})
        },
        methods:{
            ...mapActions("home",["GetFloorList"])
        },
        mounted(){
            this.GetFloorList();
        },
        components:{

            ListContainer,
            Recommend,
            Rank,
            Like,
            Floor,
            Brand
        }
    }
</script>

<style lang="less" scoped>
    
</style>